iT邦幫忙

2023 iThome 鐵人賽

DAY 4
1
Software Development

再騙小心沒朋友🥵 用LIFF實作LINE整人工具系列 第 4

[Day4] 建立LIFF的眉眉角角 - 設定LIFF

  • 分享至 

  • xImage
  •  

如何建立Providers和Channel請看這篇

接下來要教大家建立和設定LIFF服務,LIFF要從Line Login Channel中設定:

Step1. 進入Line Login Channel頁面選擇LIFF,點擊Add加入LIFF app開始設定

Step2. 輸入LIFF app名稱、Size(視窗大小)、Endpoint URL(導向的網頁)

  • Size代表開啟LIFF視窗的大小有三個選項:Compact、Tall、Full(下圖)
    (這邊選了Tall,其實隨便選都行)

  • Endpoint URL代表點擊這個LIFF連結後,會導向哪個網頁

Endpoint UR只能放https開頭的網頁,一個LIFF連結只會對應一個網頁
這邊放的是https://lala870617.github.io/LIFF_WEB/ 這是我自己架的傳送圖文訊息網頁,之後會教大家怎麼做(還要很久才會講,別心急)

Step3. 選擇Scopes(權限範圍)、Add friend option(主動推薦加入好友),最後點擊Add

  • Scopes代表要取得使用者的哪些資料
    這項超常改版,之後你看到的很可能跟我現在的截圖不一樣,所以建議全部打勾
    其中chat_message.write是允許sendMessages函式的設定,就是前面說的可以讓使用者主動傳訊息到聊天室的權限。所以之後如果發現你莫名其妙發怪訊息到LINE聊天室,第一個反應要先想想你是不是不小心同意了甚麼授權。

  • Add friend option代表是否要主動推薦使用者加入我們的LINE@帳號
    既然做整人工具,當然是越低調越好,到時候連LINE@都被檢舉怎麼辦...果斷選擇Off

  • Scan QR代表是否要使用LIFF打開QR code掃描器功能
    這篇範例不會用到,所以不用勾

Step4. LIFF建立完畢,會出現LIFF ID 和 LIFF URL

  • LIFF ID
    這個ID在之後用JavaScript初始化LIFF的時候會用到,要記起來!
    不要記也沒差,反正LIFF ID不向LINE Notify Token一樣離開頁面就看不到,每次進去LINE Login Channel還是可以看的到。

  • LIFF URL
    這個連結就是導向前面設定的https://lala870617.github.io/LIFF_WEB/ ,差別是一個是在瀏覽器中打開,按下LIFF的連結就是在LINE中直接打開。

Step5. 將LINE Login Channel的狀態從Developing改成Published
要改成Published狀態才能讓LIFF可以被其他人使用

改成公開後依然可以編輯LIFF設定!


上一篇
[Day3] 建立LIFF的眉眉角角 - 申請Providers、Channel
下一篇
[Day5] 不懂HTML 還想學會整人 ㄏㄚˋ😱
系列文
再騙小心沒朋友🥵 用LIFF實作LINE整人工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言